11. Hacking Udacity's Front Page
Update: We're always improving around here, and one major improvement is that we've redesigned our entire site since launching this course. Cameron and James say to run some code on Udacity's homepage. Well, because of our redesign, the code won't work on our new homepage. Don't worry, though! Check the notes below the video for a link to a mirror of our old Udacity homepage!
Hacking Udacity's Front Page
Question:
Start Quiz:
Solution:
INSTRUCTOR NOTE:
For this Quiz you'll be working in your JavaScript Console.
With your browser open, go to the static version of the Udacity homepage made specifically for this quiz.
Here's the line of code you'll be copying in a moment:
$(".super-header-wrapper").html("<img style='width:100%' src='http://goo.gl/WCrBmS'>");Don't worry if you aren't familiar with CSS classes. The main point here is that .super-header-wrapper is an element on the page that contains the background and the jQuery method .html() changes what's inside it.
To open JavaScript Console:
Chrome: go to View > Developer > JavaScript Console (here’s a guide)
FireFox: go to Tools > Web Developer > Web Console (here’s a guide)
IE11: go to Tools > Developer Tools > Console icon (here’s a guide)
Safari:
turn on the Develop menu: Preferences > Advanced > Show Develop menu in menu bar
go to Develop > Show Web Inspector (here’s a guide)
Follow your instructors!
@cwpittman
+jameswilliams